<html><head>

<title>Flash XML Changer Help</title>

<link rel="StyleSheet" href="http://allwebco-templates.com/styleT.css" type="text/css">

<style type="text/css">

<!-- 

BODY { scrollbar-base-color: #F0F0F0 }

a:link		{ color: #6633FF; text-decoration: none }

a:visited	{ color: #6633FF; text-decoration: none }

a:active	{ color: #669900; text-decoration: none }

a:hover		{ color: #FF6600; text-decoration: none }

TABLE 		{ COLOR: #333333; FONT: 11px verdana, arial, sans-serif; font-weight: normal }

.hilite		{ COLOR: #FF6600; font-weight: bold }

.hilite2	{ COLOR: #9933CC; font-weight: bold }

.title 		{ color: #000000; font: 15px arial, verdana, sans-serif; font-weight: bold }

.subtitle 	{ color: #000000; font: 13px arial, verdana, sans-serif; font-weight: bold }

@media print {
.printhide 	{ display:none;}
.menutrans	{ display:none;}
.printhelp	{ width:600px }
TABLE 		{ COLOR: #000000; FONT: 13px arial, sans-serif; font-weight: normal }
}
@media screen{
.printonly { display:none }
}


.selectcopy {
color: #006A6A;
background-color: #D8FEFA;
border: 1px solid #009999;
width: 225px;
FONT: 11px verdana, arial, sans-serif;
font-weight: normal;
margin-bottom: 4px; }
.textareacode {
FONT: 11px arial, verdana, sans-serif;
text-align: left;
WIDTH: 550PX;
background-color:#F0F0F0;
BORDER: #000000 1px solid; }


-->

</style> 


<script language="JavaScript" type="text/javascript">
function copyit(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy")
}
</script> 



</head>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

<span class="printhide">

<script language="JavaScript" type="text/javascript" src="http://world-templates.com/addons/header_addons.js"></script>

<script language="JavaScript" type="text/javascript" src="http://allwebcodesign.com/setup/templatehelptop.js"></script>

</span>

<!-- MAIN TABLE-->
<center>
<TABLE cellpadding="0" cellspacing="15" border="0" width="750"><tr><td ALIGN="LEFT" VALIGN="top" width="200" class="printhide">










<!-- START CHANGER HTML CODE -->

<script language="JavaScript" type="text/javascript" src="image_changer_XML.js"></script>

<!-- END CHANGER HTML CODE -->





<br>

[ <a href="sample-HTML-page.htm">Sample HTML page</a> ]<br>

[ <a href="sample-for-JS-files.htm">Sample .js Code</a> ]<br>


[ <a href="extras/samples-XML_changer.html">View Size Options</a> ]<br>

<br><br>


<script language="JavaScript" type="text/javascript" src="http://allwebcodesign.com/setup/templatehelp.js"></script>

<BR>

<a href="http://allwebcodesign.com"><img src="http://allwebcodesign.com/picts/logo-cwd.gif" border="0" alt="Allwebco Design Corporation"></a>

<br>







<!-- SAMPLE LAYERED TEXT AREA PLACE BEFORE THE CHANGER - EDIT THE TOP: 50px IF YOU ADD OR REMOVE TEXT LINES -->

<div id="XMLlayer" style="position: relative; visibility:show; TOP: 50px; z-index:4; COLOR: #FFFFFF; font-weight: bold; padding: 5px; width: 150px; text-align: center;">
Sample layered text. Note the space above this image.
</div>

<!-- END LAYERED TEXT -->







<!-- START CHANGER HTML CODE -->

<script language="JavaScript" type="text/javascript" src="image_changer_XML.js"></script>

<!-- END CHANGER HTML CODE -->


Sample with layered text<br>





</td><td valign="top" class="printhelp">



<span class="title">XML Flash Changer Add-On Setup:<BR></span>
This script is intended to be added to Allwebco templates (or websites) that do not now have an XML Flash changer included. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click here for current info and options for this add-on.</a>

<br><br>
<span class="title">Outline:</span> (Steps on this page)<br>
#1. Unzip and place files.<br>
#2. Add changer code to a .js file or HTML page.<br>
#3. Set changer options.<br>
#4. Replace with your .jpg images.<br>

<br>

<span class="title">STEP #1 Place Files:</span> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><BR>
Unzip the XML_Changer zip file and put the 10 .jpg images in this zip file "flash" folder in your template "flash" folder. Place the "image_changer_XML.swf" and "image_changer_addon.xml" in your main template folder. This should be the same folder with your index.html and about.htm.

<br><br><br>

<span class="title">STEP #2 Option A:</span> <span class="hilite">(Add the Flash code to a .js file)</span><BR>
The add-on can be added to any .js file, however, it is recommended that you add this to either your sidebar.js or menu.js. <a href="sample-for-JS-files.htm">Click here for the .js code and instructions.</a>

<br><br>

<span class="subtitle">Options for where to paste the code:</span><br>

<ol>
<li>In a <span class="hilite2">sidebar.js</span>: Add the code from the <a href="sample-for-JS-files.htm">"sample-for-JS-files.htm"</a> in this attached zip file to your sidebar.js. You can add this code in any blank area. One option would be to add this just before the "SMALL PICTURE AREA" note. Make a copy of your sidebar.js for backup and try pasting in the code and test your pages in a web browser.
<li>In a <span class="hilite2">menu.js</span>:  If you have a vertical menu style you can probably add this to your menu.js. Make a backup of your menu.js. Open the menu.js and try pasting the code from the <a href="sample-for-JS-files.htm">"sample-for-JS-files.htm"</a> near the bottom of that file. Most likely you will add this just before some &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; or &lt;/div&gt; code. This may not work in some template models see the step below for HTML page options instead.
</ol>


<span class="hilite">NOTE:</span> You may need to make the changer smaller or larger. See the <a href="extras/samples-XML_changer.html">samples-XML_changer.html</a> for size options.

<br><br><br>

<span class="title">STEP #2 Option B:</span> <span class="hilite">(Add the Flash code to an HTML page)</span><BR>
Another option if you do not have the above .js files or you want to add this to an HTML page: Place the "image_changer_XML.js" in your main template folder. Copy the code below and paste this into any one of your HTML pages. In most cases you will paste this code into your "MAIN TABLE" or "CONTENT TABLE" area. Perhaps just at the end of your page text.

<br><br><br>

<form name="selecting1" style="margin: 0px">
<input onclick="copyit('selecting1.copyselect1')" type="button" value="Click to select all (also copies in IE)" name="copybutton" class="selectcopy"><br>
<TEXTAREA NAME="copyselect1" ROWS="4" COLS="55" wrap="soft" class="textareacode">
<!-- FLASH XML CHANGER CODE -->
<script language="JavaScript" type="text/javascript" src="image_changer_XML.js"></script>
<!-- END FLASH XML CHANGER CODE -->
</TEXTAREA>
</form>


<br><br>
Or the code below will center the XML changer on your HTML page:<br>
<br><br>

<form name="selecting2" style="margin: 0px">
<input onclick="copyit('selecting2.copyselect2')" type="button" value="Click to select all (also copies in IE)" name="copybutton" class="selectcopy"><br>
<TEXTAREA NAME="copyselect2" ROWS="5" COLS="55" wrap="soft" class="textareacode">
<!-- FLASH XML CHANGER CODE -->
<center>
<script language="JavaScript" type="text/javascript" src="image_changer_XML.js"></script>
</center>
<!-- END FLASH XML CHANGER CODE -->
</TEXTAREA>
</form>

<br><br><br>

<span class="title">STEP #3 Set Options:</span> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><BR>
Test your template pages in a web browser. The changer should now be working. If not, see troubleshooting below. Now you can set options in the "image_changer_addon.xml". This file will be edited in a plain text editor like Notepad. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click to view the options.</a>

<br><br>

Re-sizing the changer: Other sized .swf files have been included in the "extras" folder. <a href="extras/samples-XML_changer.html">Click to view size options.</a>

<br><br><br>

<span class="title">STEP #4 Replace the Images:</span> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><BR>
You will now replace all the .jpg images in your "flash" folder. You have the option of either: 1. replacing the 10 "image?-xml.jpg" images, or 2. You can edit the "image_changer_addon.xml" in Notepad and indicate new filenames and new folder locations. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click for details and see "adding new slides".</a>



<br><br><br><br>




<span class="title">TROUBLESHOOTING:</span> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><br>
If you do the steps above and the changer is not working:

<ol>
<li> Try doing the above steps again from the start.
<li> Your .jpg images may be saved incorrectly. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click for help and see "my images are not working".</a>
<li> Perhaps your "flash" folder does not exist or is named incorrectly. Check this folder and rename it to all lowercase letters, or create it if needed.
<li> You are testing the wrong HTML page that you added the changer code to.
<li> If you used the HTML code from step #2 did you copy over the "image_changer_XML.js"?
<li> You are editing on-line files instead of files on your hard drive.
<li> You have not used ALL the code from the sample pages in this download. Redo step #2.
<li> You have an error in the sidebar.js or menu.js file. <a href="http://www.allwebco-templates.com/support/S_menu_disappears.htm">Click for help.</a>
<li> If you have uploaded: Remember that hosting areas are case sensitive. Be sure all file and link names match exactly.
<li> NOTE: Always make backup files and test after each edit before you go to another edit. You can always delete your backups later.
</ol>


<br><br>

<span class="title">OPTIONS:</span><BR>

<br>



<b>GENERAL OPTIONS:</b> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><br>
Speed, transition type looping, random or sequential options can all be set in the "image_changer_addon.xml". Edit this file in Notepad or a plain text editor. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click for help and see "speed, slide order and variables".</a>

<br><br>

<b>CHANGER SIZE OPTIONS:</b><br>
<a href="extras/samples-XML_changer.html">Click for size options and instructions.</a>

<br><br>

<b>REPLACING IMAGES:</b> | <a href="http://www.allwebco-templates.com/support/S_pictures_change.htm">More Details</a><br>
See step #4 above. If you need help setting up the changer images <a href="http://www.allwebco-templates.com/support/S_pictures_change.htm">please click here.</a>

<br><br>

<b>ADDING MORE IMAGES:</b> | <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">More Details</a><br>
You can add as many images to this changer as you need. To add more images edit the "image_changer_addon.xml". Edit this file in Notepad or a plain text editor. <a href="http://www.allwebco-templates.com/support/S_flash_image_changerXML-ADDON.htm">Click for help.</a>

<br><br>

<b>FADE-UP COLOR:</b><br>
The samples and code in this download are setup for a transparent "fade-up". If you require a "fade-up" color you will need to remove &lt;PARAM NAME="wmode" VALUE="transparent"&gt; and the wmode="transparent" areas from the Flash code. If you remove this code it may cause problems if your website has drop menus or any layered objects so this is not recommended. If you are using HTML page code, edit the "image_changer_XML.js" for the fade-up color. If you are using the <a href="sample-for-JS-files.htm">.js code</a> edit the "XMLflashcolor" variable.

<br><br>

<b>BORDER COLOR:</b><br>
All code in the samples are using a black 1 pixel border. Edit the "000000" in the .js file to use a different color border.

<br><br>

<b>FLOATING DIV HTML CODE:</b> | <a href="http://www.allwebco-templates.com/support/S_pop-ups_variables.htm">More Details</a><br>
The "image_changer_XML.js" allows you to freely move the changer around on the page using a DIV. To use this code edit the "var divlocate" to "yes" in the "image_changer_XML.js". If you use this code you can move the changer location by editing the "var divLR" the "var divXloc" and the "var divYloc" in this .js file.

<br><br>


<b>NON-DIV HTML CODE:</b><br>
The code from step #2 option B will place the changer wherever you paste this code in an HTML page. You may want to add 2 or 3 &lt;br&gt; before and after this code for spacing. In most cases paste this after a paragraph of text. For centering this on a page see the <a href="extras/samples-XML_changer.html">samples-XML_changer.html</a> or the <a href="sample-HTML-page.htm">sample-HTML-page.htm</a>.

<br><br>


<b>MULTIPLE CHANGERS:</b><br>
If your template now has a changer that is not this add-on then you can still add this changer and will then have two changers. In other words, this add-on will add an additional changer to any template that has a changer now.

<br><br>

This add-on includes only one changer with one set of images. You can add multiple cases of this changer to your .js files and/or HTML pages, however, both cases will be reading the file names from the "image_changer_addon.xml". In other words, both changers will show the same images but will be showing them randomly and will show them in a different order.

<br><br>

<b>MULTIPLE CHANGERS DIFFERENT SIZES:</b><br>
For two changers with different sizes, copy the two sized .swf files you require from the "extras" folder but do not rename them. Use the code as indicated in step #2 above. Then edit the word "image_changer_XML" in 4 places in the HTML or .js code with your selected .swf name. EXAMPLE: Replace "image_changer_XML" with "image_changer_XML-750x500" in 4 places to have a 750 x 500 changer. For this setup you will need to make a copy of the "image_changer_XML.js" for your different sizes.

<br><br>


<b>LAYER TEXT OVER A CHANGER:</b><br>
Items like text can be layered over a changer, however, this may create extra blank lines on your pages. We do not provide support for this but have included a sample on this help page. View the source in this help page and find the "SAMPLE LAYERED TEXT" note to see and copy this DIV layer code. You can layer text, links or images over the changer.


<br><br>




<br><br><br><br>

</td></tr></table>
</center>
<!-- MAIN TABLE-->

<span class="printhide">
<script language="JavaScript" type="text/javascript" src="http://world-templates.com/addons/footer_addons.js"></script>
</span>

</BODY></HTML>
